<template>
	<el-container>
		<el-aside></el-aside>
		<el-main>
			<el-input v-model="usernum" :prefix-icon="Calendar"></el-input>
			<el-input v-model="password" :prefix-icon="Calendar" show-password="show-password"></el-input>
			<el-button type="primary" @click="onPressedLogin">登录</el-button>
		</el-main>
	</el-container>
</template>

<script>
	import {
		Calendar
	} from '@element-plus/icons-vue'
	
	// const input1 = ref('')
	
	import { ElMessage } from 'element-plus'

	export default {
		data() {
			return {
				url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
				showPassword: true,
				usernum: '',
				Calendar,
			}
		},
		methods:{
			onPressedLogin() {
				
				ElMessage('登录成功' + this.usernum)
			}
		}
	}
</script>

<style scoped>
	.el-aside {
		width: 60%;
	}
	.el-input {
		width: 200px;
	}
</style>
